<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>阻止超链接的默认行为</title>
		<script type="text/javascript">
			// var     /vɑr/
			// alert   /əˈlɜːrt/
			// click        /klɪk/
			// event        /ɪˈvent/
			// preventDefault   /prɪˈvent   diːfɔːlt/
			// returnValue      /rɪˈtɜːn   vælju/
		
			/*
				阻止超链接的默认行为：
					方法一：在a标签上添加click事件，事件返回值传false
					方法二：采用规范方法
							W3C规定的事件对象方法 preventDefault()
							IE支持的事件对象属性 returnValue = false;
			*/				
			window.onload = function(){
				var Oa = document.getElementById("a1");
			   
				// 方法一
				// Oa.onclick = function(){
					// alert("不跳转");
					// return confirm("是否要离开当前网页？");
				// }
				
				//方法二
				Oa.onclick = function(ev){
					var e = ev || window.event;
					preDef(e);
					alert("已经取消了");
				}
			}
		   
			//取消超链接默认行为（跨浏览器兼容）
			function preDef(e){
				if(e.preventDefault){
					e.preventDefault();
				}
				else{
					window.event.returnValue = false;
				}
			}
		</script>
	</head>
	<body>
		<a href="https://www.baidu.com/" id="a1">百度首页</a>
	</body>
</html>
